<!DOCTYPE HTML >
<html>
    <head>
        <title>Title</title>
        <meta charset='UTF-8' >
        <link rel='stylesheet' type='text/css' href='../css/c1.css'>
    </head>
    <body>
    <div class= 'title'>ul(无序列表)</div>
    <div class='title'>ol(有序列表)</div>
    <div class='title'>li(列表项)</div>
    <hr/>
    <div class='title'>代码示例</div>
    <div class='code'>
    <pre>无序列表
            &lt;<span class='red'> ul&gt;</span>
        数码
            &lt;li&gt;手机&lt;/li&gt;
            &lt;li&gt;电脑&lt;/li&gt;
            &lt;li&gt;笔记本&lt;/li&gt;
        &lt;<span class='red'>/ul</span>&gt;
    </pre>
    </div>
    <div class='title'>代码效果</div>
    <div class='code'>
    <ul>
        <p>数码</p>
        　　　<li>手机</li>
        　　　<li>手机</li>
        　　　<li>手机</li>
    </ul>
    <pre> 有序列表
            &lt;ol&gt;
           数码
            &lt;li&gt;手机&lt;/li&gt;
            &lt;li&gt;电脑&lt;/li&gt;
            &lt;li&gt;笔记本&lt;/li&gt;
            &lt;/ol&gt</pre>
    <p>代码效果</p>
    <ol>
        <p>数码</p>
        <li>手机</li>
        <li>手机</li>
        <li>手机</li>
    </ol>
    </div>
    <hr/>
    <p>作业</p>
    <h2>商品信息</h2>
    <h4>产品类别</h4>
    <hr/>
    <ul>
        <li>
            数码
            <ul>
                <li>笔记本</li>
                <li>手机</li>
                <li>家电</li>
            </ul>
        </li>
        <li>美容</li>
        <li>服装</li>
    </ul>
    <hr/>
    <table border=1><tr><td>
        <p>联想电脑</p>
        <p> 　　　产品型号：联想（NBA纪念版）</p>
        <p> 　　　价格：49999元</p>
        <p> 　　　所在地：北京</p>
        <hr/>
        <h4>购物流程</h4>
        <ol>
            <li>确认购买信息</li>
            <li>付款到</li>
            <li>确认收货</li>
            <li>付款给商家</li>
            <li>双方评价</li>
        </ol>

    </td></tr></table>
    <hr/>
    </body>
</html>